// body {
//   margin: 0;
//   padding: 0;
//   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
//     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
//     sans-serif;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
// }
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}
/* .ant-menu.ant-menu-dark .ant-menu-item-selected{ */
  /* color: #000; */
/* } */
html,
#__nuxt,
#__layout,
#root {
  height: 100%;
  width: 100%;
}
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", SimSun, Arial, sans-serif;
  font-weight: 400;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  td {
    word-break: break-all;
    word-wrap: break-word;
  }
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{
  margin:0;
  padding:0
}
h1,h2,h3{
  padding: 0px;
  margin: 0px;
}
a {
  text-decoration: none;
}
#app,
#root {
  position: relative;
  height: 100%;
  width: 100%;
  .el-main,
  .ant-layout-content {
    padding: 0 20px;
    position: relative;
    background-color: #f4f5f9;
  }
}

*,
:after,
:before {
  box-sizing: border-box;
}

.hidden {
  display: none;
}

.header-member {
  display: flex;
  align-items: center;
  height: 100%;
  &-title {
    cursor: pointer;
    font-size: 18px;
    color: #3c4b61;
    letter-spacing: 1px;
  }
}

.header-options {
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  height: 50px;
  border-bottom: 1px solid #dbdfe8;
  display: flex;
  align-items: center;
}

.mariya {
  // &__breadcrumb {
  // }
  &__icon {
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #909bac;
  }
  &__user {
    line-height: 20px;
    margin-left: 8px;
    font-size: 14px;
    color: #222f44;
  }

  &-table {
    &__title {
      font-size: 18px;
      color: #3c4b61;
      margin: 20px 0;
    }
    &__entity {
      table {
        background-color: #fff;
        width: 100%;
        td {
          &.con,
          &.label {
            color: #222f44;
            text-align: center;
            border: 1px solid #dbdfe8;
            height: 50px;
            position: relative;
          }
          &.label {
            color: #88919f;
            background-color: #f5f8fb;
          }
          input {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
            padding: 0 15px;
            border: 1px solid #5bc3bb;
          }
        }
      }
    }
  }
  &-import-excel {
    margin: 0 auto;
    width: 380px;
    &__tips {
      text-align: left;
      font-size: 14px;
      color: #222f44;
      margin: 45px 0;
      line-height: 22px;
    }
    &__import-btn {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
    }
  }
  &-form {
    &--mini {
      width: 480px;
    }
    &--medium {
      width: 680px;
    }
    &__entity {
      margin-top: 30px;
      font-size: 16px;
    }
    .el-form-item--small.el-form-item {
      margin-bottom: 30px;
    }
  }

  &-filter-form {
    height: 77px;
    padding: 20px 20px 5px 0;
    border-bottom: 1px solid #dbdfe8;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    &__title {
      font-size: 18px;
      color: #3c4b61;
      padding: 0 20px;
      line-height: 34px;
    }
    &__group {
      flex: 1 1 auto;
      display: flex;
      justify-content: flex-end;
    }
    .ant-form {
      flex: 1 1 auto;
      input.ant-input {
        width: 140px;
      }
    }
  }
  &-datagrid {
    padding-top: 25px;
    // .ant-table-thead 
    .ant-table-body{
      margin: 0 !important;
      background: #fff !important;
      font-size: 12px;
    }
    // .el-table--enable-row-hover .el-table__body tr:hover > td
    // {
    //   background: #def3f1 !important;
    // }
    .ant-table th{
      background: #f5f8fb !important;
    }
  }
  // &-pagination {
  //   padding: 25px 0;
  //   .el-pagination.is-background .el-pager li:not(.disabled).active {
  //     background: #f672a5;
  //   }
  // }
}

/**/
.card {
  &_circle_1{
    background-color: #3dacfe;
  }
  &_circle_2{
    background-color: #ff476a;
  }
  &_circle_3{
    background-color: #feb54c;
  }
  &_circle_4{
    background-color: #80c83e;
  }
  &_circle_5{
    background-color: #cb83ff;
  }
  &_circle_6{
    background-color: #1aceb3;
  }
  &_circle_7{
    background-color: #ff7533;
  }
  &_circle_8{
    background-color: #00a78b;
  }
  &_circle_9{
    background-color: #e67aa4;
  }
}
